<template>
  <div class="fund1">
      <h1><img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-03.png" alt="">“4步走”，教你正确的选择契约型基金产品</h1>
      <div class="fund1main">
          <div class="fund1detail">
              <img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-04.png" alt="">
              <h2>第一步</h2>
              <h2>了解资金流向</h2>
              <p>投资者要全方位了解项目</p>
              <p>标的资金流向</p>
          </div>
          <img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-08.png" alt="">
          <div class="fund1detail">
              <img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-05.png" alt="">
              <h2>第二步</h2>
              <h2>关注托管方资质</h2>
              <p>基金托管人，需要有托管</p>
              <p>资质</p>
          </div>
          <img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-08.png" alt="">
         <div class="fund1detail">
              <img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-06.png" alt="">
              <h2>第三步</h2>
              <h2>机构是否备案</h2>
              <p>确定相关私募机构是否有申</p>
              <p>请牌照和备案</p>
          </div>
          <img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-08.png" alt="">
          <div class="fund1detail">
              <img src="http://p6dwecco6.bkt.clouddn.com/img/list/icon-07.png" alt="">
              <h2>第四步</h2>
              <h2>风险措施</h2>
              <p>投资者要全面了解项目风险</p>
              <p>和风险防范措施</p>
          </div>
      </div>
        <p class="tel">马上拨打 <span>400-157-0588</span>  获取同期最优产品信息</p>
  </div>
</template>


<style scoped>
.tel{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 20px 0;
    font-weight: bolder;
}
.tel span{
    color: #b41d24;
    font-size: 20px;
}
.fund1{
    margin-top: 20px;
    padding: 0 20px;
    background: white;
    overflow: hidden;
}
.fund1 h1{
    font-size: 22px;
    color: #b41d24;
    margin: 20px auto;
}
.fund1main{
    display: flex;
    justify-content: space-between;
    width: 1100px;
    height: 170px;
    border: 2px solid #cd9c54;
    margin-bottom: 20px;
}
.fund1detail{
    box-sizing: border-box;
    padding: 20px;
    width: 252px;
    text-align: center;
}
.fund1detail img{
    height: 50px;
    width: 50px;
}
.fund1detail h2{
    font-size: 16px;
    color: #333;
    margin: 4px 0
}
.fund1detail p{
    font-size: 12px;
    color: #333;
    margin-top: 10px;
}
</style>
